import React from 'react';
// import styles from './index.module.scss'
import { Divider, Typography } from 'antd'
import MeModel from '../../../../models/meModel'

const { Text } = Typography;

interface PropsInterface {
  meModel: MeModel
}

function WebMeExperience(props: PropsInterface) {

  const WorksShowArrList = props.meModel.works_show_arr.map((str: string, index: number) => {
    return [
      <Text key={index}>{str}</Text>,
      <br key={'br'} />
    ]
  })

  return (
    <div>
      <Divider>成长</Divider>
      {WorksShowArrList}
      <br />
      <br />
    </div>
  );
}

export default WebMeExperience;
